<template>
     <div>
         <h3>请选择你喜欢的专栏</h3>
         <span v-for="item in arr" :key="item">
            <input type="checkbox" :value="item" v-model="dt">{{item}}        
         </span>
         <ul v-for="item in dt" :key="item">
             <li>{{item}}</li>
         </ul>
     </div>
</template>

<script>
export default {
   data() {
    return {
       arr: ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
       dt: []
    };
   },
}
</script>

<style>
 
</style>